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T^f-elH w 0 >^ ^ zl A]^Efl{ Method and apparatus for 
displaying of markup document linking applet} 

£ l£ ^3 wf^^tr ^HH 4-E ^1^^(100)^1 

i 2^ ^ ^r^^l «a -*J*H°fl cc}-^. H^^lEflol^ 1)£] ^5., 

JE 3£- t^S] h]-^^ ^d|o| c^^o] wj-^-g- ^^^>7l ^^(17) 

^ ^Hl 

5- 5^ ^^1 Kf5} ^*elHs^, oflS-^-fr £ ^ <g ofl, 

£ 6^ ^Efl *}*} D>S^ ^ 7 > ^^l-Eflolsq^ 2,71 ^Sl ^ °fl°l 

[^O] 4^Rr 7l#^-c> ^ 3.0)0] ^Efl7l^] 

<7> £ ^fl^ cl^l-eflolofl ^-tr J±i=r ^l^MlTr <«^* i^*r 

<8> a}-§-;*}-<2]-<2] €W?ll ^t^*WM- ^ajol ^^ol^l^- ^^r>7] ^*fl 

«r (applet )°1 ^351^ Sl^r *}£1<3 ^17}- ^l^-£]zi n>3^ HTML, 

23-4 



1020020079185 «iJ*}: 2003/7/29 

XML v\3L<$ <?H3. §-^5*1 Uj^H, °1 zisfl^, n}3.<3 iL^^r 

^ife^ p>h.^ <y<H« sfl^ ^ 5U^r *1H <d]?Hl ^Slxr <H#&MH^ ^ 

<9> £ 6^ ^Hfl *}*} 0 fl#^°l °>3.^ -g-^ 7 > tq^#eflol^^- 3^£} «J ^o] 

S^sH 2) <«^* ^ s J^>7l W tfl-g- #2fl^« 3.^s>jl 

*T P>£L<3 3>}-°i^ iL<^o) 

<11> n^-SH, ^ujo] jel^o. ofl^ol *>H<3 q^#efl^5l^ '°fl^i 

^ °}h<3 ^7> ^Ajofl q^^efloi^^, ofls-^o] p> 3 ^ s-H* q if *m 

^ ^ ^ ^l^-fr *H^*Hr 

^ £ 3-8-1 

, (a) #71 *>3<3 ^ <M tq^efloli- ^^a]71^ cj-Tfl; g (b) #7l 
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6 fl#^^ €3*8°1 ^1^^ 3^ #3 ^^.^ a o v 7 1 ofl-g.^ ^71^1^ 

<13> ^"71 (a)^7i|^ W 5}-^ #^ ^-i- W^^Kr ^Tfll- if-^ 

<15> ^7) oflS.^^. u>3.^ ^ #^4tt ^7flSl #^ Wj-Aio. 7].^1 

<16> Aj-7] 7])o] A]Jr^ AJ-7] ofl^^^- *fl^^7] oflS^ Aj^j tri^ Aj-71 u> 3 

<17> ^7] (a)^T^ ^"71 2)-^ #^ ^^.SAi Bfl^E ^.g. i^l-Jl, o]u)*) ^ iL^ 

<18> tV^, ^ Cf^ ^-o>oH l4H^, Aj-7] S.^ o. p].^^ ^ A o V 7 j p).^ ^ofl 

^£L*1 Itsfi, #7} ofl^^ gc- a o V 7 ) nj-a.^ Aj-7] p]. H ^ c^S. 

<19> Aj- 7l ofl-^o. Aj- 7l p]. a ^ £-AH- Tq^Se fl ol^>7l 2^ #^ ^71 <=>fl§^ 
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#Z\f>\JL, 2:71 ^ #Efl, ^JL #3] ^ ^ ^ ^ *>U^ tfEflofl^ ^2}-^ 

<20> ^-71 ofl#^£- ^>7l v\3_<$ ^-AjWr Sj-Tg #^ ^iL2] C^-f-eflol* ^a]?!^ *1 

EflZL(tag) EE^ (attribute) *H ^J5L# i^V^r yj-^^i ^j-cf. 

<2i> tV^l, t&^S} rf^. ^ojrofl *lH*Rr 

^ <3*1; ^ ^-71 n>3<a €-*H ofll-^-g- *fl4l*Hr °ti#^ ^ IW, # 

71 HS]«H^ o]]^^. AJ. 7 ] p>a<y £-A^ 2}-^ rq^^eflol^ xl<gAl7lJL, 

o] ^-i- ^ sj-fe ^€^f. 

<22> ^-71 HB^eIM^ ofl^l-^ a o v 7 ) n>a.<^ ^ r^^^efloll- 

<23> sfr 7 ] 5.e)«M^ ofl^]^ iLT=1^. #^^r ttl5*)^*>7l W ^35)4 tilcl^. 

<25> £. 1^- «£tgo} b]-^^ *3aHH rej-s. Al^Efl(ioo)^ 
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<26> £ i-g- i$2^-s}T£, Al^Efl(ioo)^- 9lB\^l f-S] ^^7f^sfji # x}7] 

t\^3L *1^<>H1 ^^pg^ Al^^o.^, n^|A^(5)sf i£e|^(4)« T^lth*. 

<27> r^S&MUH]^ €-^^l^l(3)7> ^M)3<H ol JL( -g- « ( 3 ) <4 *lE| *H ^SJ-fe HE]«1 

"o^^l °ti#3J4 n>3^ ^i7> ^71^1 o] c]^ efl ol£]£^. oflS^ a - p>3 <^ 

H<3 €-*H ^£L€ ^fll-^^- 3H*Rr <a^°.5L, 145} 7>y> ofl^^^- 

^s-H HE]«Hai <?jl3l(l)°-3. #^ ^l^H ^Isl- afl^tb^. A*\ ^l-^^r Java HSn^ 

7}-^l HS^^ o]^o]^, 

<28> £ 2^ ^ ^*HH 4^ H^^lEflol^ <&*1(1)S] l-^£o]cf. 

<29> E 2 » #2:^, H.E|«H^ «a^l(l)^r *>3<3 J*M(ll) f ^HHH 3^(12), 

^3.^S. °]ElHe|Ei(13), ^-(DOM: Document Object Model) nflq-g-eiM ^ (14) , UI 
(15), eflojo^ s^(16) ^ ^2E|(17)* i^-W. 

<30> n>a.«^ ^-A-^ ^(ii)^ ^Al^ofl it)- 5} XHTML «d<HS. *Hg€ XHTML 

-g-Ai Be)* ^^«V7l ^iLl- DOM nim^-sflol e-1(14)5. ^^4. — e|-^ a] j= ^(12)^ 

^Ej-lHB-i- sflA^c*) ^Bf<y fl-z] §1 ^E^ E|^H(Style rule/Selector list)* $*2*fr7) 
^tb ^J£» DOM nflu|^-Eflo]Ei(l4)^ ^IkW. ^<£*)^ *}EL<$ ^-a^ o^^. ^-fj-^-Tfl 

*r SItII *fl§cf. AjAl^oilA-1 ^E}^A]Eoj W3C^ Cascading Style 

Sheet (CSS) °11 
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<3i> ^3.^3. ^1^=2^(13)^ p>3.^ €-*H if"^ s:E.# «fl^*H ^ ^4* 

DOM °flu|#3l 0 l^(14)5. ^^t}. DOM ^IH^HeKU)^ *>5L<3 H^zi^ tJ]^ 

^l-T^ *r ^, <>1e|Se1e|(13)<^ #Jl*}"§-°11 4^ 

2=E| , ^ ^Ef<H fl-^i/^BJ]Ei el^Bl- ^r^s>7lM- i^cf. s&tb DOM "HM#3H E^U)^ 
o>3.^ -g-*] ^(llHM oj^wKg. HE)# 7fl^-^*l- ZL ^SJ^o> ^ JrLH7}- 

^*StVcf. SL*V, DOM °llM#sfl 0 lEKl4)^ ^>a^ ^3L^ SL^\Sl ^ *]-3.<3 E) 

= El«H^ ofl^l(l)^ ollS.E)(£Al^^ ^) ^>o.S. I^s-ol^ > nj-a^ ^ofl ^ 
a€ 31^(2)2] P)lS.S](£Al5]xl Q^r)°\] S.^}JL ofl#^ 2:7l5}-^7l 

3^7) 3\- ^ initO* Sfef^ ^*S*>4. 
<32> i^EKl6)^ ^Ef^| fl-*)/^^ 5]iHt HEH Jl <>]* 7 )^ S 

#33^ ^^o] ^(<^1# 3^E| J^ofl 2flo)*]o]*l TV ^ofl s|H*] 

A}£i=<?l*l, ^)cfl xcj-ej. tfl-g- ^(formatting structure)* 

^2:^ HE] Q]£ -fKr*V 7>^1 3J*|%1 ^^-^El^HC pseudo-element) 

» aI— ^ *3K=*1 be] ^2:1- €4. ^, ^(implementation)^! ^ 

^ojcf. Htr, HEl^cf ^ ^£11- 7>^ ^JE <&51 =L tiVtfl^ ^£ & 

^r. ^1* , He]£] <^e]^e 7 ]- -display ^gj-oj- . none . ^o. 7 } X ]^ t zl 

J=^r W o^&H ^*r*l ^cf. ^UHHH 5£^}Hg ^sfe 

CSSCCascading Style Sheet) 2 5.t°fl 4^-4. ^2^1 cfltr ^ 

^ CSS 2 S.'M 7flA]s]ol ojcf. t]]o]o}°- i ^ E ^ (16) ^ ^Sf, 
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<33> ^=^(17)^ n>^^ t^^l-Sllol^7l o]v]x) , zLSfl^ , SLC^ ^- 3 

^^(binary content resource)!- ^S^fV 4# Sr^l -S-t^tt ^*H1 #^5lS.^- €^%*> 
<>ti#^ ^3) ^(2)^^ °fl#^ 3^*1] Sr^^- ^tb 111 #3* *fl^o} 

^1^r 4^ *r <^1» *}3-<3 ^±^7} ^icl^oll iLt} 

^ Al^Vol ^JIS]^ ^4- 4^(17)^ n}H<3 31^* ^ -f^H- ^ ^4. 

<34> ofls.^ ^ ofl^l(2)^ ^Va.^ *ya€, trfs. Jrj-Tg ^ ^iL7> 

<=«^* #^ *1H ^1^1- ^3^(17)^ #^*r^, oHl tcfef- ^^(17)^7 

5^JL^M| &\ <Xo)i± v}E3.<$ oflt-^ ^A]ol| £^#efl 

<35> £ 3-g- a. al-sj-^*! ^Hi ^^3H #^-8: ^*>7l ^^(17) 

<36> £ 3* ^2^, ^3^(17)^ ^Al^oil ^ 2 7fl<^ ^ 5f| , afl l t\3& «Wl71) 

3? *H2 ^-SC] iH^(172)« ^til^cf. afli r^sci ^(171)^ ^M^l* B^^^M 

al^M^l, *H2 clsci ^3^(172)^ .2.^.2. r-fl oj b] * ^3i]^s>7l ^ *V tH^Mcf. 
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<37> ^^(17)^ 21)0)0}% (16)3.1?-*) ^iL« ^3, t) 

3 *J]^B, *}EL<% &*)<*) ofl^^ ( olnl^j ^ jLt^S ^^4. oflS.^ ^ 

*K># *r Si*}. °H*] oflS^ ^30] o)u)x) Ejj^H #3 

.2.^.2. #^^8: ^12 t]3.t) ^(172)5. <^£H w^^tr. 

<38> ofl^ ^ag <a^l(2)^r ^<^1 4^ *H3€ *ti#^* *fl^^ ofl-I-^ 

2j.Tg ^ej ^ofl oj-s. ^ c]scl(17)S 

<39> ^^(17)^ <«^oj ^s]^ n S)-^ol ^r-]^ nfl^l, v)m^& 

#^ ^iL7> t^l-eflol ^1(200)S V]tf, ^ ^1 T^ja^ ti^ 

(171)21- *fl2 c] 2 ci i^3Jl(l72)<Hl ^^£];£-l=- ofl^ <a^(2) A5.-fEi #^ ^1 

^ Aljiofl cc)-eq- ofls.^ #e] ^ 5)-^ #^ ^^.7> ^A]ofl t^^H #*1(200)S 

^*1(173)S ^HW. 

<40> t)-X\ ^sfl, ^ag <a^l(2)^ *fw r ofll-^ ^7lS}-*>ji t^^ell 

°l7r¥tr s]^ ResumeRender ^IJLl- k)3.k)(17)3, iL^^I, 0)0]] t\3.-c\(17)^\ ^^fi]- 

tl^l-eflol ^-^1(200)^ tf|3i]7l- ^^^cf. ^, *fll ^.scl ^3^(171), *fl2 ^5] (172) 

^ *fll tH3U201), ^12 ^l-elH tH^(202)7> QTLQQ. 

<4i> ResumeRender ^1^^ #^ *1H tii^i , ofl-g.^ ^ <a^l(2)^r 

0 fl#^°fl SuspendRenderOl- ^#^7lu|-, ^3.^ ^i<Hl EflZL(tag) SE^- 

(attribute)^] ^€ °AA . ResumeRender ^!Jl7]- t+tH^l ^ ^ 
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J±#°l c^^l-eflol (200)3. <^3*1 &i cl3Dl(17)^ ^j. c^o. ^ 

4 ofl^ol ZL S^o] c]^#eflol^ ^ o^s. ofl^^ <?M(2)^ ofl^. 

^ paint 01- ±1#*H sffli^U-i- ^S^al i-H ResumeRender ^IJl* *)U 
wis) (171), *112 ^(172)4 ^fl 1 c^-&e)l 0 l ^3*1 (201), *fl2 tq^eflol *H3t| (202)7} 

W. B^^l *l<a35d'2 3^ 

<42> *V^, a. -gAloflofl^ ResumeRender ^IJLtt ofll-^ <3^(2HH ^*}$-£-M- He) 

«M*i ofl*l(l)°l A8^*V£^ ^« ^ ^4. 

<43> £ 4^ £ ^ofl °fl-|BJ£| ^ y o V ^# ^^^>7l ^ ^"ZLSolCf. 

<44> £ 4* ^S^S, H.e^iHM'Si 31*1 (1)°1 DOM He)£| ofl -f-^o] ofl 

^ ofl^l(2)^ B)l2.e)(£Al5)xl ^-g-Hl ofl^ ^ <a^l(2)^r S7l5)-# ^*fl 

initO* °H1, 2-7)$- #3)(Init)7} £4. °fl^ ^ <ffl 

*l(2)£ X]^ ^sfl startO* °H, ofl-t^o} ^o] aI^e)^ ^ # 

Hfl(Start)7> ^cf. ^ aJ-e)HH o^^o^ s^^oj r^f-elM^. ofl^ Sj-^o] c]^# 

(2)£r stopO* ^5.^ °l*fflHfe <« *<H ^}-§-7}7> t}£. v}3.<$ ol^> 

71 ^tl: ^ ^7fl p}H^ s}^ t^^^ ell on- *^f7l W olwflE^. ^-t}. 

stop()°l Jl^s)^ °fll-^^ c^l-^M* #5.*}^ #5- ^Efl(Stop)S sM^c}. ^ 
#5)1°]7} *}3<3 sj-^ofl tflt!" ^}-§-7}^ 7fl« c V--ol ol = ^^^ oflS-^ ^ *| <3l*l(2)£r t} 

Al start ()* S.^\JL o]6\] ofl^^o^ ^s|ol c}a] a^s)^ ^sj ^-^(Start)S. 

°fl#^°l °ll£^S-¥-Ei AMl^l^ °l)#^ol ^^1^1 Ar^if- AV^fl Aj-Efl (Destroy )7> ^cf. 
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<45> 



<46> 



public class Animat ionApplet extends Applet 

implements Runnable { 

Thread animator ; 
Animation animation; 

publ ic void ini tO { 

animator = new Thread(this) ; 
animation = new RectangleAnimat ion() ; 
animat ion. ini t(this) I 

} 

publ ic void startO { 

if (animator . isAl iveO) { 

animator .resumeO ; 
} else { 
animator .startO ; 
suspendRender () ; 

} 

} 

publ ic void stopO { 
animator . suspendO I 

} 

public void destroyO { 
animator .stopO; 

} 

publ ic void run() { 
while (true) { 
repaint 0 ; 

Thread. sleep(500) ; // sleep for some time 
animat ion. advanceO I 

} 

} 

public void paint (Graphics g) { 
animat ion. paintFrame(g) ; 

} 
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^o]- £ s}t}. cfAl n a v^ > 7\ ^ ^ EL& v}el<$ 

* 

<49> Q^ifr ti^ ^o], ^ofl ofl^^ol p>^«^ g-X^ ^o. ofl^^4 p> 

3^ &>M* l^H^ C]^#3H^ ^ $10 ££| ofl^-^o] ^7)&S\JL ^ ^til*>^ 
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i] 

°fl-S-5i*>l D >3^ r^il-efloi W\, 

(a) nfa^ ^1* ^tb ^ #3 3^ Cl^sflol^- *l<SAl7 m ul 

(b) -*7l #5.33 *1<3£ 3^ #3 A o V 7 ] oflS^ ^.g. 

2] 

^7} v}3.<$ ^ s)-^ #3 ^iL« u^^m #3l» 3L#*>*r 7 A^r ^ 

3] 

#7i (b)^7im 

#3 *IH ^Ji^fl 7ls*H #71 ^1<?!€ ^ #3 #7l 
W #^ #*15L ^-7lAl^ *H^-*Rr #7ll» 3E^-*Hr 3# *\ 

4] 

^11*^1 SU^i, 
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^ ^ 

^-71 #^ ^7) °m%^r n*4*}7) oflS.^ ^ ofl*l 2L^r #7l ^3. 

^ii^ ^ 

^71 2}-^ ^a^i #^^r S^aL, o]v]x) ^ o_t] o. ^ ^ ^ 

7] 

#7] n>3^ ^ofl ^=L^ ofl^-i: i^fJL, 

A o V 7l °fl#^ £ i=. ^y] v}3_<$ ^A-}^ J$ 7 ] n>3^ cq^S-eflol* *j<£A] SI- 

'S #3 *1<S ^iL* 5^Rr ^# Sfe ^^^fl^l. 

8] 

ww sa°w. 
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l^^ty 9] 

#7l ^Hl-^^- #7l v}EL<$ ^^Eflo]§>7l S)-^ #3 *<msf <>i|#^ 

21 #3 ^J±# ^71^- Al7l7l c^#«fl°l ^iLS^i 5L^-*Kr 3* ^f- 

10] 

*fl9^1 ^ol^-l, 

#7l #7] nV^^ 5-^* ^ *V #3 3^ C^-S^H* ^o^lfe- *1 

<S ^J±S.A1 *l<£ ^ #7l °fl*^°l ^7l5)-£)^. *)*J-£H ^ ^*fl 

3* ^ ^im#«. 

11] 

^17^1 

#71 u}=L<$ #71 #^ ^Ji^ ^7l^-£]ol cl^eflol^ ^ &.^}±r 

EflZL(tag) SE^r ^(attribute) *H ^iL» i^Rr 3# ^.2-5. Sfe ^UL^^l . 
12] 

#71 vIel^ &*\6\] ^a^l ofl-S^ o. gfl^^ ofl^ <a^o. ^^Jl, 

#71 oji^l^ 
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[^T 1 * 13] 

^112%H1 5d<>H, 

14] 

^71 Hel^H^d ofl^l^r 

#^^r til^^§|-7l ^t!: SLr]£. t^e^l 3]^ 
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V k> y V k> 
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finish DOM-tree and memory 
call init() 

5] 



Pentagon 



Initializing applet 
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Pentagon 
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